<!DOCTYPE html>
<html class="no-js" lang="ru">
<head>   
	<meta charset="utf-8">

	<title>Touch gallery</title>

	<link rel="stylesheet" href="dimsemenov-preview-pack.css" />

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
	<!--<script src="js/jquery.ba-hashchange.min.js"></script>-->
	<script src="touchcarousel/jquery.touchcarousel-1.0.min.js"></script> 

</head>
<body>
	<div id="main-body">		
		<div id="carousel-ajax-container">
			<div id="carousel-gallery" class="touchcarousel  black-and-white">  
				<ul class="touchcarousel-container">
					<li class="touchcarousel-item" style="width: 1280px;">
						<img src="1.jpg" width="1280"/>			
					</li>  
					<li class="touchcarousel-item" style="width: 1280px;">
						<img src="1.jpg" width="1280"/>			
					</li>
					<li class="touchcarousel-item" style="width: 1280px;">
						<img src="1.jpg" width="1280"/>			
					</li>
					<li class="touchcarousel-item" style="width: 1280px;">
						<img src="1.jpg" width="1280"/>			
					</li>
					<li class="touchcarousel-item" style="width: 1280px;">
						<img src="1.jpg" width="1280"/>			
					</li>   
					<li class="touchcarousel-item" style="width: 1280px;">
						<img src="1.jpg" width="1280"/>			
					</li> 			
				</ul>
			</div>
		
<script type="text/javascript">
	jQuery(function($) {
		carouselInstance = $("#carousel-gallery").touchCarousel({				
			itemsPerPage: 1,				
			scrollbar: false,
			scrollbarAutoHide: true,
			scrollbarTheme: "light",				
			pagingNav: false,
			snapToItems: true,
			scrollToLast: true,
			useWebkit3d: true,				
			loopItems: true
		}).data('touchCarousel');				
	});
</script>
		</div>
	</div>
</body>
</html>